/* 重置样式  */

body,ul,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{ font-family:"微软雅黑";}
input,a{outline:none;}
html,body{
    height: 100%;

}
body{
    display: flex;
    flex-direction: column;
}
main{
    background-color: #f4f4f4;
    flex:1;
}
main #pimg{
    height: 6.8rem;
    background-color: rgb(228, 225, 225);
    position: relative;
}
main #pimg span {
    display: block;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: rgb(255, 255, 255,.5);
    position: absolute;    
    top: .45rem;
    text-align: center;
    line-height: .6rem;
    font-weight: 600;
}

main #back{
    left: .24rem;
}
main #send{
    left: 5.56rem;
}
main #more{
    left: 6.52rem;
}
main #point{
    width: 2rem;
    height: .2rem;
    /* background-color: rgb(255, 171, 171); */
    position: absolute;
    top: 5.9rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
main #point li{
    height: .16rem;
    width: .16rem;
    background-color: #cccccc;
    border-radius: 50%;
    margin:  0 0.05rem;
}
main #cont{
    padding:.1rem .4rem .3rem;
    border-bottom: .02rem solid #eee;
    background-color: #fff;
}
main #cont h3{
    font-size: .32rem;
    color:#171717;
    font-weight: 600;
}
main #cont>p{
    font-size: .25rem;
    color:#727272;
    display: flex;
    margin:0.25rem 0;
    font-weight: 600;

}
main #cont #tag{
    display: block;
    width: 1.7rem;
    height: .32rem;
    border: .02rem solid #2dbb8f;
    border-radius: .16rem;
    color:#2dbb8f;
    text-align: center;
    line-height: .32rem;
    margin-right: .28rem;
}
main #Price{
    display: flex;
    margin: 0;
    background-color: #fff;
}
main #pric{
    flex:1;
}
main #pric span{
    font-size: .22rem;
    color:#fe4430;
    font-weight: 600;
}
main #pric span:nth-of-type(2){
    font-size: .32rem;
}
main #address span{
    font-size: .24rem;
    color:#b9b9b9;
    font-weight: 600;
    background-color: #fff;
    font-family: "微软雅黑";
}
main #discount{
    padding: .16rem .4rem 0 ;
    background-color: #fff;
    display: flex;
    border-bottom: .02rem solid #eeeeee;
}
main #discount span{
    font-size: .26rem;
    color:#c1c1c1;
    font-family: "微软雅黑";
    font-weight: 600;
}
main #discount p{
    min-width: .76rem;
    height: .3rem;
    border-radius: .15rem;
    border:.02rem solid #2dbb8f;
    font-size: .26rem;
    color: #2dbb8f;
    text-align: center;
    line-height: .3rem;
    margin: .15rem;
}
main #seven{
    padding: .08rem .4rem 0 ;
    background-color: #fff;
    display: flex;
    /* background-color: rgb(99, 88, 88); */
}
main #seven span{
    display: block;
    width: .24rem;
    height: .24rem;
    border-radius: 50%;
    border:.02rem solid #c1c1c1;
    color:#c1c1c1;
    text-align: center;
    line-height: .24rem;
    margin: .06rem .2rem 0.15rem 0 ;
}
main #seven p{
    font-size: .24rem;
    color:#838383;
    font-weight: 600;
    font-family: "微软雅黑";
}
main #norms{
    margin: .2rem 0 0 ;
    padding: .1rem .3rem ;
    display: flex;
    background-color: #fff;
    border-bottom: .02rem solid #eeeeee;
}
main #norms span{
    font-size: .26rem;
    color:#777;
    font-family: "微软雅黑";
    font-weight: 600;
    margin: .1rem  0;
}
main #norms p{
    min-width: .76rem;
    padding:0 .18rem;
    height: .3rem;
    border-radius: .15rem;
    border:.02rem solid #2dbb8f;
    font-size: .2rem;
    color: #2dbb8f;
    text-align: center;
    line-height: .3rem;
    margin: .15rem;
}
main #num{
    background-color: #fff;
    display: flex;
    padding: .2rem .3rem ;
}
main #num input{
    border:0.01rem solid #efefef;
    background-color: #fff;
    height: .5rem;
}
main #num input[type = button]{
    width: .5rem;
}
main #num input[type=text]{
    width: .3rem;
    padding: 0 .35rem;
}
main #num span{
    height: .5rem;
    line-height: .5rem;
}
main #num span:nth-of-type(1){
    font-size: .25rem;
    font-weight: 600;
    color:#858585;
    font-family: "微软雅黑";
    margin: 0 .16rem 0 0;
}
main #num span:nth-of-type(2){
    margin: 0 0 0 .16rem;
    font-size: .22rem;
    color:#f9503c;
    height: 100%;

}

footer{
    width: 100%;
    height: .98rem;
    background-color: #fff;
    display: flex;
}
footer #shopping #img{
    display: block;
    margin:.08rem auto;
    width: 0.5rem;
    position: relative; 
    height: .37rem;
}
footer #shopping #img img{
    width: 100%;
    height: 100%;
}
#num1 {
    position: absolute;
    color: white;
    background: red;
    display: block;
    border-radius: 50%;
    width: .26rem;
    height: .26rem;
    text-align: center;
    line-height: .26rem;
    font-size: .12rem;
    right: -.1rem;
    top: 0;
}

footer #shopping p{
    font-size: .25rem;
    color:#858585;
    text-align: center;
}
footer #shopping{
    flex: 1;

}
footer #add{
    width: 5.86rem;
    height: 100%;
    background-color: #fe6454;
    text-align: center;
    line-height: .98rem;
    font-size: .34rem;
    color: #fff;
    font-weight: 600;
}